import { Form, Input, Switch, TreeSelect } from 'antd'
import React from 'react'

export default function AddEquipment() {

    const layout = {
        labelCol: { span: 4 },
        wrapperCol: { span: 20 },
    };
    return (
        <Form {...layout}>
            <Form.Item label="设备编码" name="devCode" rules={[{ required: true, message: "必须要输入设备编码!" }]}>
                <Input />
            </Form.Item>

            <Form.Item label="设备名称" name="devName" rules={[{ required: true, message: "必须要输入设备名称!" }]}>
                <Input />
            </Form.Item>

            <Form.Item label="所属组织" name="dept" rules={[{ required: true, message: "必须要输入设备编码!" }]}>
                <TreeSelect multiple />
            </Form.Item>

            <Form.Item label="设备位置描述" name="devLocation" rules={[{ required: true, message: "必须要输入设备位置描述!" }]}>
                <Input />
            </Form.Item>

            <Form.Item label="是否打卡设备" name="isRecord" rules={[{ required: true, message: "必须要选择是否打卡设备!" }]} valuePropName="checked">
                <Switch />
            </Form.Item>
        </Form>
    )
}
